@charset "utf-8";
@keyframes pleaseWearEarBox{
    from{
        transform: scale(0);
        
    }
    to{
        transform: scale(1);
    }
}
@keyframes startPageBackBox{
    from{
        transform: rotateZ(0deg) scale(2);
    }
    to{
        transform: rotateZ(180deg) scale(2);
    }
}
@keyframes mouthBox{
    from{
        transform: scale(1.1);
    }
    to{
        transform: scale(1);
    }
}
@keyframes index_startBox{
    10%{
        transform: scale(1);
    }
    40%{
        transform: scale(1.2);
        
    }
    56%{
        transform: rotateZ(10deg);
    }
    62%{
        transform: rotateZ(0deg);
    }
    68%{
        transform: rotateZ(-10deg);
    }
    74%{
        transform: rotateZ(0deg);
    }
    80%{
        transform: rotateZ(10deg);
    }
    86%{
        transform: rotateZ(0deg);
    }
    92%{
        transform: rotateZ(-10deg);
    }
    98%{
        transform: rotateZ(0deg) scale(1);
    }
}
@keyframes movieHitSongpeopleBox{
    from{
        opacity: 0;
        top:0vh;
    }
    to{
        opacity: 1;
        top:20vh;
    }
}
@keyframes movieHitSongBox{
    from{
        opacity: 0;
        top:0vh;
    }
    to{
        opacity: 1;
        top:5vh;
    }
}
@keyframes songerBox{
    from{
        opacity: 0;
        left: 100vw;
    }
    to{
        opacity: 1;
        left: 20vw;
    }
}
@keyframes songerBox2{
    from{
        transform: rotateZ(5deg);
    }
    to{
        transform: rotateZ(-5deg);
    }
}
@keyframes musicPage3PeopleBox{
    from{
        opacity: 0;
        left: 100vw;
    }
    to{
        opacity: 1;
        left: 35.2vw;
    }
}
@keyframes feiZhaoBox{
    from{
        opacity: 0;
        left: -20vw;
    }
    to{
        opacity: 1;
        left: 9.6vw;
    }
}
@keyframes watchpeosBox{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes car2Box1{
    from{
        opacity: 0;
        left: -20vw;
    }
    to{
        opacity: 1;
        left: 0vw;
    }
}
@keyframes car2Box2{
    from{
        
        transform: rotateZ(5deg);
    }
    to{
        transform: rotateZ(-5deg);
    }
}
@keyframes roseBox{
    from{
        opacity: 1;
        top: 26vh;
    }
    to{
        opacity: 0;
        top: 22vh;
    }
}
@keyframes juhualeftBox{
    from{
        transform: rotateZ(5deg);
    }
    to{
        transform: rotateZ(-5deg);
    }
}
@keyframes juhuarightBox{
    from{
        transform: rotateZ(-5deg);
    }
    to{
        transform: rotateZ(5deg);
    }
}
@keyframes manBox{
    from{
        opacity: 0;
        left: -20vw;
    }
    to{
        opacity: 1;
        left: 3.7vw;
    }
}
@keyframes wogeiyouBox{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
//@keyframes mesBox{
//  30%{
//      opacity: 0;
//  }
//  60%{
//      opacity: 0.6;
//  }
//  90%{
//     opacity: 0;
//     display: none;
//  }
//}